<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>2.AngularJS过滤器</title>
    <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>

</head>
<body>

      <!--过滤器语法：管道字符（|）添加到表达式和指令中-->
      <!--转换数据-->
      <!--currency	格式化数字为货币格式。-->
      <!--filter	从数组项中选择一个子集。-->
      <!--lowercase	格式化字符串为小写。-->
      <!--orderBy	根据某个表达式排列数组。-->
      <!--uppercase	格式化字符串为大写。-->

    <div ng-app="testApp">
          <div ng-controller="orcontroller">
           <p>lowercase 过滤器将字符串格式化为小写{{firstName | lowercase}}</p>
              <p>uppercase 过滤器将字符串格式化为大写{{firstName | uppercase}}</p>
           <p>currency 过滤器将数字格式化为货币格式{{price | currency}}</p>
           <p>zbreverse 自定义过滤器{{reverseName | zbreverse}}</p>
            <ul>
                orderBy 过滤器根据表达式排列数组
                <li ng-repeat="x in names | orderBy:'id'">
                    {{x.id  + '====' + (x.name | uppercase)}}
                </li>
            </ul>



          </div>
    </div>
   <script src="2.AngularJS过滤器.js"></script>





</body>
</html>